<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>简单辅助元素 - 页面元素</title>
	<link rel="stylesheet" href="../libs/layui/layui-2.9.14/dist/css/layui.css">
	<script src="../libs/layui/layui-2.9.14/dist/layui.js"></script>

</head>

<body style="margin: 100px;">

	<!-- 引用区块 -->
	<blockquote class="layui-elem-quote">引用区域的文字</blockquote>
	<blockquote class="layui-elem-quote layui-quote-nm">引用区域的文字</blockquote>


	<!-- 字段集区块 -->
	<fieldset class="layui-elem-field">
		<legend>字段集区块 - 默认风格</legend>
		<div class="layui-field-box">
			内容区域
		</div>
	</fieldset>

	<fieldset class="layui-elem-field layui-field-title">
		<legend>字段集区块 - 横线风格</legend>
		<div class="layui-field-box">
			内容区域
		</div>
	</fieldset>

	<!-- 横线 -->
	默认分割线
<hr>
 
赤色分割线
<hr class="layui-border-red">
 
橙色分割线
<hr class="layui-border-orange">
 
墨绿分割线
<hr class="layui-border-green">
 
青色分割线
<hr class="layui-border-cyan">
 
蓝色分割线
<hr class="layui-border-blue">
 
黑色分割线
<hr class="layui-border-black">
</body>

</html>